﻿@inject IPageHeadBuilder pagebuilder
@model PasswordRecoveryConfirmModel
@{
    Layout = "_ColumnsOneClean";

    //title
    pagebuilder.AddTitleParts(T("PageTitle.PasswordRecovery").Text);
}
@using Grand.Web.Models.Customer;
<div class="page password-recovery-page">
    <div class="mb-2 w-100">
        <div class="row flex-md-row justify-content-center text-center my-3">
            <div class="col-sm-8 col-12">
                <div class="card p-3 bg-light">
                    <h2 class="generalTitle">@T("Account.PasswordRecovery")</h2>
                    @if (!String.IsNullOrEmpty(Model.Result))
                    {
                        <div class="result">
                            <div class="result card bg-info p-3 text-white">@Model.Result</div>
                        </div>
                    }
                    @if (!Model.DisablePasswordChanging)
                    {
                        <form asp-route="PasswordRecoveryConfirm" asp-route-token="@Context.Request.Query["token"]" asp-route-email="@Context.Request.Query["email"]" method="post" autocomplete="off">
                            <div asp-validation-summary="ModelOnly" class="message-error"></div>
                            <div class="form-fields">
                                <div class="inputs">
                                    <label asp-for="NewPassword" class="col-form-label">@T("Account.PasswordRecovery.NewPassword"):</label>
                                    <input asp-for="NewPassword" class="form-control" />
                                    <span asp-validation-for="NewPassword"></span>
                                </div>
                                <div class="inputs">
                                    <label asp-for="ConfirmNewPassword" class="col-form-label">@T("Account.PasswordRecovery.ConfirmNewPassword"):</label>
                                    <input asp-for="ConfirmNewPassword" class="form-control" />
                                    <span asp-validation-for="ConfirmNewPassword"></span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 text-xs-center btn-group-sm my-3">
                                    <input type="submit" name="set-password" class="btn btn-secondary new-password-button" value="@T("Account.PasswordRecovery.ChangePasswordButton")" />
                                </div>
                            </div>
                        </form>
                    }
                </div>
            </div>
        </div>
    </div>
</div>